<!DOCTYPE HTML>
<html>

<head>
	<meta charset="UTF-8" />
	<title>我的个人微博</title>
	<link rel="stylesheet" href="css/blog.css" />
</head>

<body class="blog_all">
	<div class="blog_header">
		<div class="blog_header_title">
			<img class="blog_header_img" src="images/title.png" alt="title">
		</div>
	</div>

	<div class="blog_content">
		<div class="blog_list">
			<div class="blog_card">
				<a key='blog_list_1' href="javascript:void(0)" class="blog_list_label blog_list_label_active">最新</a>
				<a key='blog_list_2' href="javascript:void(0)" class="blog_list_label">热门</a>
				<a key='blog_list_3' href="javascript:void(0)" class="blog_list_label">我的</a>
			
			<button class="button_primary publish_button" >发布微博</button>
			
			
			</div>

			<div>
				<div id="blog_list_1">
					<div class="blog_card blog_item_card">
						<div class="blog_card_header">
							<img class="blog_card_header_img" src="images/user.jpg" alt="user">
							<div class="blog_card_header_info">
								<div class="blog_card_header_name">张三</div>
								<div class="blog_card_header_time">20分钟前</div>
							</div>
						</div>
						<div class="blog_card_content">
							这是一条微博内容这是一条微博内容这是一条微博内容这是一条微博内容这是一条微博内容这是一条微博内容这是一条微博内容这是一条微博内容这是一条微博内容这是一条微博内容这是一条微博内容这是一条微博内容这是一条微博内容这是一条微博内容这是一条微博内容这是一条微博内容这是一条微博内容这是一条微博内容
						</div>
						<div class="blog_card_action">
							<a href="" class="blog_card_action_item">
								<span class="blog_card_action_item_star"></span>
								15
							</a>
							<a href="javascript:void(0)" class="blog_card_action_item blog_card_comment_click" key="comment_1_1">
								<span class="blog_card_action_item_comment"></span>
								10
							</a>
						</div>
						<div class="blog_card_comment" style="display: none;" id="comment_1_1">
							<div class="blog_card_comment_action">
								<input class="blog_card_comment_input" type="text" placeholder="输入您的评论..." />
								<button class="blog_card_comment_button" type="button">评论</button>
							</div>
							<div style="margin-top: 16px;">
								<img class="blog_card_header_img" src="images/user.jpg" alt="user">
								<div class="blog_card_header_info">
									<div class="blog_card_header_name">张三</div>
									<div class="blog_card_header_time">20分钟前</div>
								</div>
								<div class="blog_card_content">
									这是一条微博评论这是一条微博评论这是一条微博评论这是一条微博评论这是一条微博评论这是一条微博评论这是一条微博评论这是一条微博评论
								</div>
							</div>
						</div>
					</div>
					<div class="blog_card blog_item_card">
						<div class="blog_card_header">
							<img class="blog_card_header_img" src="images/user.jpg" alt="user">
							<div class="blog_card_header_info">
								<div class="blog_card_header_name">张三</div>
								<div class="blog_card_header_time">20分钟前</div>
							</div>
						</div>
						<div class="blog_card_content">
							这是一条微博内容这是一条微博内容这是一条微博内容这是一条微博内容这是一条微博内容这是一条微博内容这是一条微博内容这是一条微博内容这是一条微博内容这是一条微博内容这是一条微博内容这是一条微博内容这是一条微博内容这是一条微博内容这是一条微博内容这是一条微博内容这是一条微博内容这是一条微博内容
						</div>
						<div class="blog_card_action">
							<a href="" class="blog_card_action_item">
								<span class="blog_card_action_item_star"></span>
								15
							</a>
							<a href="javascript:void(0)" class="blog_card_action_item blog_card_comment_click" key="comment_1_2">
								<span class="blog_card_action_item_comment"></span>
								10
							</a>
						</div>
						<div class="blog_card_comment" style="display: none;" id="comment_1_2">
							<div class="blog_card_comment_action">
								<input class="blog_card_comment_input" type="text" placeholder="输入您的评论..." />
								<button class="blog_card_comment_button" type="button">评论</button>
							</div>
							<div style="margin-top: 16px;">
								<img class="blog_card_header_img" src="images/user.jpg" alt="user">
								<div class="blog_card_header_info">
									<div class="blog_card_header_name">张三</div>
									<div class="blog_card_header_time">20分钟前</div>
								</div>
								<div class="blog_card_content">
									这是一条微博评论这是一条微博评论这是一条微博评论这是一条微博评论这是一条微博评论这是一条微博评论这是一条微博评论这是一条微博评论
								</div>
							</div>
						</div>
					</div>
					<div class="blog_card blog_item_card">
						<div class="blog_card_header">
							<img class="blog_card_header_img" src="images/user.jpg" alt="user">
							<div class="blog_card_header_info">
								<div class="blog_card_header_name">张三</div>
								<div class="blog_card_header_time">20分钟前</div>
							</div>
						</div>
						<div class="blog_card_content">
							这是一条微博内容这是一条微博内容这是一条微博内容这是一条微博内容这是一条微博内容这是一条微博内容这是一条微博内容这是一条微博内容这是一条微博内容这是一条微博内容这是一条微博内容这是一条微博内容这是一条微博内容这是一条微博内容这是一条微博内容这是一条微博内容这是一条微博内容这是一条微博内容
						</div>
						<div class="blog_card_action">
							<a href="" class="blog_card_action_item">
								<span class="blog_card_action_item_star"></span>
								15
							</a>
							<a href="javascript:void(0)" class="blog_card_action_item blog_card_comment_click" key="comment_1_3">
								<span class="blog_card_action_item_comment"></span>
								10
							</a>
						</div>
						<div class="blog_card_comment" style="display: none;" id="comment_1_3">
							<div class="blog_card_comment_action">
								<input class="blog_card_comment_input" type="text" placeholder="输入您的评论..." />
								<button class="blog_card_comment_button" type="button">评论</button>
							</div>
							<div style="margin-top: 16px;">
								<img class="blog_card_header_img" src="images/user.jpg" alt="user">
								<div class="blog_card_header_info">
									<div class="blog_card_header_name">张三</div>
									<div class="blog_card_header_time">20分钟前</div>
								</div>
								<div class="blog_card_content">
									这是一条微博评论这是一条微博评论这是一条微博评论这是一条微博评论这是一条微博评论这是一条微博评论这是一条微博评论这是一条微博评论
								</div>
							</div>
						</div>
					</div>
					<div class="blog_card blog_item_card">
						<div class="blog_card_header">
							<img class="blog_card_header_img" src="images/user.jpg" alt="user">
							<div class="blog_card_header_info">
								<div class="blog_card_header_name">张三</div>
								<div class="blog_card_header_time">20分钟前</div>
							</div>
						</div>
						<div class="blog_card_content">
							这是一条微博内容这是一条微博内容这是一条微博内容这是一条微博内容这是一条微博内容这是一条微博内容这是一条微博内容这是一条微博内容这是一条微博内容这是一条微博内容这是一条微博内容这是一条微博内容这是一条微博内容这是一条微博内容这是一条微博内容这是一条微博内容这是一条微博内容这是一条微博内容
						</div>
						<div class="blog_card_action">
							<a href="" class="blog_card_action_item">
								<span class="blog_card_action_item_star"></span>
								15
							</a>
							<a href="javascript:void(0)" class="blog_card_action_item blog_card_comment_click" key="comment_1_4">
								<span class="blog_card_action_item_comment"></span>
								10
							</a>
						</div>
						<div class="blog_card_comment" style="display: none;" id="comment_1_4">
							<div class="blog_card_comment_action">
								<input class="blog_card_comment_input" type="text" placeholder="输入您的评论..." />
								<button class="blog_card_comment_button" type="button">评论</button>
							</div>
							<div style="margin-top: 16px;">
								<img class="blog_card_header_img" src="images/user.jpg" alt="user">
								<div class="blog_card_header_info">
									<div class="blog_card_header_name">张三</div>
									<div class="blog_card_header_time">20分钟前</div>
								</div>
								<div class="blog_card_content">
									这是一条微博评论这是一条微博评论这是一条微博评论这是一条微博评论这是一条微博评论这是一条微博评论这是一条微博评论这是一条微博评论
								</div>
							</div>
						</div>
					</div>

					<div style="text-align: center;padding-bottom:30px ;">
						<button class="button_primary" style="width: 180px;">加载更多</button>
					</div>

				</div>




				<div id="blog_list_2" style="display: none;">

					<div class="blog_card blog_item_card">
						<div class="blog_card_header">
							<img class="blog_card_header_img" src="images/user.jpg" alt="user">
							<div class="blog_card_header_info">
								<div class="blog_card_header_name">张三</div>
								<div class="blog_card_header_time">20分钟前</div>
							</div>
						</div>
						<div class="blog_card_content">
							这是一条微博内容这是一条微博内容这是一条微博内容这是一条微博内容这是一条微博内容这是一条微博内容这是一条微博内容这是一条微博内容这是一条微博内容这是一条微博内容这是一条微博内容这是一条微博内容这是一条微博内容这是一条微博内容这是一条微博内容这是一条微博内容这是一条微博内容这是一条微博内容
						</div>
						<div class="blog_card_action">
							<a href="" class="blog_card_action_item">
								<span class="blog_card_action_item_star"></span>
								15
							</a>
							<a href="javascript:void(0)" class="blog_card_action_item blog_card_comment_click" key="comment_1_1">
								<span class="blog_card_action_item_comment"></span>
								10
							</a>
						</div>
						<div class="blog_card_comment" style="display: none;" id="comment_1_1">
							<div class="blog_card_comment_action">
								<input class="blog_card_comment_input" type="text" placeholder="输入您的评论..." />
								<button class="blog_card_comment_button" type="button">评论</button>
							</div>
							<div style="margin-top: 16px;">
								<img class="blog_card_header_img" src="images/user.jpg" alt="user">
								<div class="blog_card_header_info">
									<div class="blog_card_header_name">张三</div>
									<div class="blog_card_header_time">20分钟前</div>
								</div>
								<div class="blog_card_content">
									这是一条微博评论这是一条微博评论这是一条微博评论这是一条微博评论这是一条微博评论这是一条微博评论这是一条微博评论这是一条微博评论
								</div>
							</div>
						</div>
					</div>
					<div class="blog_card blog_item_card">
						<div class="blog_card_header">
							<img class="blog_card_header_img" src="images/user.jpg" alt="user">
							<div class="blog_card_header_info">
								<div class="blog_card_header_name">张三</div>
								<div class="blog_card_header_time">20分钟前</div>
							</div>
						</div>
						<div class="blog_card_content">
							这是一条微博内容这是一条微博内容这是一条微博内容这是一条微博内容这是一条微博内容这是一条微博内容这是一条微博内容这是一条微博内容这是一条微博内容这是一条微博内容这是一条微博内容这是一条微博内容这是一条微博内容这是一条微博内容这是一条微博内容这是一条微博内容这是一条微博内容这是一条微博内容
						</div>
						<div class="blog_card_action">
							<a href="" class="blog_card_action_item">
								<span class="blog_card_action_item_star"></span>
								15
							</a>
							<a href="javascript:void(0)" class="blog_card_action_item blog_card_comment_click" key="comment_1_2">
								<span class="blog_card_action_item_comment"></span>
								10
							</a>
						</div>
						<div class="blog_card_comment" style="display: none;" id="comment_1_2">
							<div class="blog_card_comment_action">
								<input class="blog_card_comment_input" type="text" placeholder="输入您的评论..." />
								<button class="blog_card_comment_button" type="button">评论</button>
							</div>
							<div style="margin-top: 16px;">
								<img class="blog_card_header_img" src="images/user.jpg" alt="user">
								<div class="blog_card_header_info">
									<div class="blog_card_header_name">张三</div>
									<div class="blog_card_header_time">20分钟前</div>
								</div>
								<div class="blog_card_content">
									这是一条微博评论这是一条微博评论这是一条微博评论这是一条微博评论这是一条微博评论这是一条微博评论这是一条微博评论这是一条微博评论
								</div>
							</div>
						</div>
					</div>
					<div class="blog_card blog_item_card">
						<div class="blog_card_header">
							<img class="blog_card_header_img" src="images/user.jpg" alt="user">
							<div class="blog_card_header_info">
								<div class="blog_card_header_name">张三</div>
								<div class="blog_card_header_time">20分钟前</div>
							</div>
						</div>
						<div class="blog_card_content">
							这是一条微博内容这是一条微博内容这是一条微博内容这是一条微博内容这是一条微博内容这是一条微博内容这是一条微博内容这是一条微博内容这是一条微博内容这是一条微博内容这是一条微博内容这是一条微博内容这是一条微博内容这是一条微博内容这是一条微博内容这是一条微博内容这是一条微博内容这是一条微博内容
						</div>
						<div class="blog_card_action">
							<a href="" class="blog_card_action_item">
								<span class="blog_card_action_item_star"></span>
								15
							</a>
							<a href="javascript:void(0)" class="blog_card_action_item blog_card_comment_click" key="comment_1_3">
								<span class="blog_card_action_item_comment"></span>
								10
							</a>
						</div>
						<div class="blog_card_comment" style="display: none;" id="comment_1_3">
							<div class="blog_card_comment_action">
								<input class="blog_card_comment_input" type="text" placeholder="输入您的评论..." />
								<button class="blog_card_comment_button" type="button">评论</button>
							</div>
							<div style="margin-top: 16px;">
								<img class="blog_card_header_img" src="images/user.jpg" alt="user">
								<div class="blog_card_header_info">
									<div class="blog_card_header_name">张三</div>
									<div class="blog_card_header_time">20分钟前</div>
								</div>
								<div class="blog_card_content">
									这是一条微博评论这是一条微博评论这是一条微博评论这是一条微博评论这是一条微博评论这是一条微博评论这是一条微博评论这是一条微博评论
								</div>
							</div>
						</div>
					</div>
					<div class="blog_card blog_item_card">
						<div class="blog_card_header">
							<img class="blog_card_header_img" src="images/user.jpg" alt="user">
							<div class="blog_card_header_info">
								<div class="blog_card_header_name">张三</div>
								<div class="blog_card_header_time">20分钟前</div>
							</div>
						</div>
						<div class="blog_card_content">
							这是一条微博内容这是一条微博内容这是一条微博内容这是一条微博内容这是一条微博内容这是一条微博内容这是一条微博内容这是一条微博内容这是一条微博内容这是一条微博内容这是一条微博内容这是一条微博内容这是一条微博内容这是一条微博内容这是一条微博内容这是一条微博内容这是一条微博内容这是一条微博内容
						</div>
						<div class="blog_card_action">
							<a href="" class="blog_card_action_item">
								<span class="blog_card_action_item_star"></span>
								15
							</a>
							<a href="javascript:void(0)" class="blog_card_action_item blog_card_comment_click" key="comment_1_4">
								<span class="blog_card_action_item_comment"></span>
								10
							</a>
						</div>
						<div class="blog_card_comment" style="display: none;" id="comment_1_4">
							<div class="blog_card_comment_action">
								<input class="blog_card_comment_input" type="text" placeholder="输入您的评论..." />
								<button class="blog_card_comment_button" type="button">评论</button>
							</div>
							<div style="margin-top: 16px;">
								<img class="blog_card_header_img" src="images/user.jpg" alt="user">
								<div class="blog_card_header_info">
									<div class="blog_card_header_name">张三</div>
									<div class="blog_card_header_time">20分钟前</div>
								</div>
								<div class="blog_card_content">
									这是一条微博评论这是一条微博评论这是一条微博评论这是一条微博评论这是一条微博评论这是一条微博评论这是一条微博评论这是一条微博评论
								</div>
							</div>
						</div>
					</div>
					<div style="text-align: center;padding-bottom:30px ;">
						<button class="button_primary" style="width: 180px;">加载更多</button>
					</div>
				</div>
				<div id="blog_list_3" style="display: none;">

					<div class="blog_card blog_item_card">
						<div class="blog_card_header">
							<img class="blog_card_header_img" src="images/user.jpg" alt="user">
							<div class="blog_card_header_info">
								<div class="blog_card_header_name">张三</div>
								<div class="blog_card_header_time">20分钟前</div>
							</div>
						</div>
						<div class="blog_card_content">
							这是一条微博内容这是一条微博内容这是一条微博内容这是一条微博内容这是一条微博内容这是一条微博内容这是一条微博内容这是一条微博内容这是一条微博内容这是一条微博内容这是一条微博内容这是一条微博内容这是一条微博内容这是一条微博内容这是一条微博内容这是一条微博内容这是一条微博内容这是一条微博内容
						</div>
						<div class="blog_card_action">
							<a href="" class="blog_card_action_item">
								<span class="blog_card_action_item_star"></span>
								15
							</a>
							<a href="javascript:void(0)" class="blog_card_action_item blog_card_comment_click" key="comment_1_1">
								<span class="blog_card_action_item_comment"></span>
								10
							</a>
						</div>
						<div class="blog_card_comment" style="display: none;" id="comment_1_1">
							<div class="blog_card_comment_action">
								<input class="blog_card_comment_input" type="text" placeholder="输入您的评论..." />
								<button class="blog_card_comment_button" type="button">评论</button>
							</div>
							<div style="margin-top: 16px;">
								<img class="blog_card_header_img" src="images/user.jpg" alt="user">
								<div class="blog_card_header_info">
									<div class="blog_card_header_name">张三</div>
									<div class="blog_card_header_time">20分钟前</div>
								</div>
								<div class="blog_card_content">
									这是一条微博评论这是一条微博评论这是一条微博评论这是一条微博评论这是一条微博评论这是一条微博评论这是一条微博评论这是一条微博评论
								</div>
							</div>
						</div>
					</div>
					<div class="blog_card blog_item_card">
						<div class="blog_card_header">
							<img class="blog_card_header_img" src="images/user.jpg" alt="user">
							<div class="blog_card_header_info">
								<div class="blog_card_header_name">张三</div>
								<div class="blog_card_header_time">20分钟前</div>
							</div>
						</div>
						<div class="blog_card_content">
							这是一条微博内容这是一条微博内容这是一条微博内容这是一条微博内容这是一条微博内容这是一条微博内容这是一条微博内容这是一条微博内容这是一条微博内容这是一条微博内容这是一条微博内容这是一条微博内容这是一条微博内容这是一条微博内容这是一条微博内容这是一条微博内容这是一条微博内容这是一条微博内容
						</div>
						<div class="blog_card_action">
							<a href="" class="blog_card_action_item">
								<span class="blog_card_action_item_star"></span>
								15
							</a>
							<a href="javascript:void(0)" class="blog_card_action_item blog_card_comment_click" key="comment_1_2">
								<span class="blog_card_action_item_comment"></span>
								10
							</a>
						</div>
						<div class="blog_card_comment" style="display: none;" id="comment_1_2">
							<div class="blog_card_comment_action">
								<input class="blog_card_comment_input" type="text" placeholder="输入您的评论..." />
								<button class="blog_card_comment_button" type="button">评论</button>
							</div>
							<div style="margin-top: 16px;">
								<img class="blog_card_header_img" src="images/user.jpg" alt="user">
								<div class="blog_card_header_info">
									<div class="blog_card_header_name">张三</div>
									<div class="blog_card_header_time">20分钟前</div>
								</div>
								<div class="blog_card_content">
									这是一条微博评论这是一条微博评论这是一条微博评论这是一条微博评论这是一条微博评论这是一条微博评论这是一条微博评论这是一条微博评论
								</div>
							</div>
						</div>
					</div>
					<div class="blog_card blog_item_card">
						<div class="blog_card_header">
							<img class="blog_card_header_img" src="images/user.jpg" alt="user">
							<div class="blog_card_header_info">
								<div class="blog_card_header_name">张三</div>
								<div class="blog_card_header_time">20分钟前</div>
							</div>
						</div>
						<div class="blog_card_content">
							这是一条微博内容这是一条微博内容这是一条微博内容这是一条微博内容这是一条微博内容这是一条微博内容这是一条微博内容这是一条微博内容这是一条微博内容这是一条微博内容这是一条微博内容这是一条微博内容这是一条微博内容这是一条微博内容这是一条微博内容这是一条微博内容这是一条微博内容这是一条微博内容
						</div>
						<div class="blog_card_action">
							<a href="" class="blog_card_action_item">
								<span class="blog_card_action_item_star"></span>
								15
							</a>
							<a href="javascript:void(0)" class="blog_card_action_item blog_card_comment_click" key="comment_1_3">
								<span class="blog_card_action_item_comment"></span>
								10
							</a>
						</div>
						<div class="blog_card_comment" style="display: none;" id="comment_1_3">
							<div class="blog_card_comment_action">
								<input class="blog_card_comment_input" type="text" placeholder="输入您的评论..." />
								<button class="blog_card_comment_button" type="button">评论</button>
							</div>
							<div style="margin-top: 16px;">
								<img class="blog_card_header_img" src="images/user.jpg" alt="user">
								<div class="blog_card_header_info">
									<div class="blog_card_header_name">张三</div>
									<div class="blog_card_header_time">20分钟前</div>
								</div>
								<div class="blog_card_content">
									这是一条微博评论这是一条微博评论这是一条微博评论这是一条微博评论这是一条微博评论这是一条微博评论这是一条微博评论这是一条微博评论
								</div>
							</div>
						</div>
					</div>
					<div class="blog_card blog_item_card">
						<div class="blog_card_header">
							<img class="blog_card_header_img" src="images/user.jpg" alt="user">
							<div class="blog_card_header_info">
								<div class="blog_card_header_name">张三</div>
								<div class="blog_card_header_time">20分钟前</div>
							</div>
						</div>
						<div class="blog_card_content">
							这是一条微博内容这是一条微博内容这是一条微博内容这是一条微博内容这是一条微博内容这是一条微博内容这是一条微博内容这是一条微博内容这是一条微博内容这是一条微博内容这是一条微博内容这是一条微博内容这是一条微博内容这是一条微博内容这是一条微博内容这是一条微博内容这是一条微博内容这是一条微博内容
						</div>
						<div class="blog_card_action">
							<a href="" class="blog_card_action_item">
								<span class="blog_card_action_item_star"></span>
								15
							</a>
							<a href="javascript:void(0)" class="blog_card_action_item blog_card_comment_click" key="comment_1_4">
								<span class="blog_card_action_item_comment"></span>
								10
							</a>
						</div>
						<div class="blog_card_comment" style="display: none;" id="comment_1_4">
							<div class="blog_card_comment_action">
								<input class="blog_card_comment_input" type="text" placeholder="输入您的评论..." />
								<button class="blog_card_comment_button" type="button">评论</button>
							</div>
							<div style="margin-top: 16px;">
								<img class="blog_card_header_img" src="images/user.jpg" alt="user">
								<div class="blog_card_header_info">
									<div class="blog_card_header_name">张三</div>
									<div class="blog_card_header_time">20分钟前</div>
								</div>
								<div class="blog_card_content">
									这是一条微博评论这是一条微博评论这是一条微博评论这是一条微博评论这是一条微博评论这是一条微博评论这是一条微博评论这是一条微博评论
								</div>
							</div>
						</div>
					</div>
					<div style="text-align: center;padding-bottom:30px ;">
						<button class="button_primary" style="width: 180px;">加载更多</button>
					</div>
				</div>
			</div>
		</div>

		<div class="blog_user border">
			<div class="blog_user_top_color"></div>
			<img class="user_img" src="images/user.jpg" alt="user" />
			<p class="user_name">张三</p>
			<p class="user_sign">我的个性签名我的个性签名我的个性签名我的个性签名我的个性签名我的个性签名</p>
			<div class="user_action">
				<button id="button_edit" class="button_primary" style="margin-right: 16px;">编辑资料</button>
				<button class="button_denger">退出登录</button>
			</div>
		</div>
	</div>
		<div id="edit_model" class="model" >
			<div class="model_card">
				<h2  class="model_title">编辑资料</h2>
				<input id="user_name_input" class="model_input" type="text" placeholder="输入昵称"/>
				<textarea id="user_sign_input" class="model_input" style="margin-top: 10px;" rows="6" placeholder="输入个性签名"></textarea>
				<div class="model_bottom">
				<button id="edit_cancel" class="button_defalt" style="margin-right: 16px;">取消</button>
				<button id="edit_submit" class="button_primary">提交</button>
			</div>
			</div>
		</div>
	<script src="js/jquery.min.js"></script>
	<script src="js/blog.js"></script>
</body>

</html>
